<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 变量、属性、函数、方法的区别
        var age = 10;
        function cook() {
            console.log('中秋吃月饼');
        }
        var person = {
            address: '郑州',
            run: function () {
                console.log('就这样跑来跑去');
            }
        }
        console.log(age);
        cook();
        console.log('-------------');
        console.log(person.address);
        console.log(person['address']);
        person.run();
        /* 
        总结：1. 变量和属性的相同点：都可以存储数据
             2. 变量必须单独声明和赋值，使用的时候，直接写变量名即可，单独存在
             3. 属性必须依赖于对象存在，调用的时候，对象名.属性名  对象名['属性名']
             4. 函数和方法相同点：都是实现某个功能，或者说做了某件事情。
             5. 函数是单独声明，调用的 函数名() 即可。
             6. 方法：在对象，必须依赖于某个对象。调用  对象名.方法名()
              
             属性和方法，必须依赖于对象，才能存在。
             对象里面有属性和方法。
             函数又叫方法，方法(method)又叫函数
        */
    </script>
</head>

<body>

</body>

</html>